<!DOCTYPE html>
<html lang="en">
    <head>
        <title>手机模型展示</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0,initial-scale=1">
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            img{
                border:0;
            }
            ol, ul ,li{list-style: none;}
            html,body{
                overflow: hidden;
                font-family: "微软雅黑";
            }
            .loading{
                width:100%;
                height:100%;
                position:absolute;
                left:0;
                top: 0;
                background-color: #333333;
            }
            .loading img{
                position:absolute;
                top:50%;
                left:50%;
                margin-top: -200px;
                margin-left: -200px; 
                width:400px;
                height:300px;  
            }
            .loadingNumber{
                width: 200px;
                height: 2px;
                /* background: #9EA1A1; */
                color: #9EA1A1;
                text-align: center;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -100px;
                margin-top: 88px;
            }
        </style>
    </head>
    <body>
        <div class="loading" id="LoadingGIF">
            <img src="images/loading.gif"  alt="" />
            <div class="loadingNumber">
                <span id="LoadingNumber"></span>
            </div> 
        </div>
        <script src="js/three.js"></script>
        <script src="js/loaders/OBJLoader.js"></script>
        <script src="js/controls/OrbitControls.js"></script>
        <script src="js/modelAdd.js"></script>
    </body>
</html>
